﻿<link href="@Url.Content("~/content/activitie_detail.css")" rel="stylesheet" type="text/css"/>
<link href="@Url.Content("~/content/table_btn.css")" rel="stylesheet" type="text/css"/>

<!--[if lt IE 8]>
    <link href="@Url.Content("~/content/activitie_create.css")" rel="stylesheet" type="text/css"/>
<![endif]-->

<noscript>
    <link href="@Url.Content("~/content/activitie_create.css")" rel="stylesheet" type="text/css"/>
    <link href="@Url.Content("~/content/activitie_noscript.css")" rel="stylesheet" type="text/css"/>
</noscript>

@model PessModel.ExpertGroup

@{
    ViewBag.Title = "Details";
    ViewBag.ActivityID = Model.Subject.ActivityID;
}

<h2 style="width:400px">Group: @Html.DisplayFor(model => model.Callsign)</h2>
<div id="operate">
   @* @Html.ActionLink("Create Reviewer", "CreateInGroup", "ExpertJudge", new { ExpertGroupID = Model.ID, activityID = Model.Subject.ActivityID }, null)&#8195;*@
    @Html.ActionLink("Choose Reviewer", "ChooseReviewer", new { id = Model.ID }) &#8195;
    @Html.ActionLink("Change Group Name", "Edit", new { id=Model.ID }) &#8195;
    @Html.ActionLink("Back to List", "Index", "ExpertGroup", new {activityID=Model.Subject.ActivityID },null)
</div>

<fieldset class="show">
    <legend></legend>
    @*<div class="display-label" style="text-align:left;width:100px;">
         Group Name:
    </div>
    <div class="display-field">
       
    </div>*@

    @*<div class="display-label">
        Topic
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.Subject.Name)
    </div>*@

    @*<div class="display-label">
        @Html.DisplayNameFor(model => model.LeaderID)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.LeaderID)
    </div>*@

    <div>
        @{
            var grid = new WebGrid(Model.ExpertJudges.ToList().ToExpertJudgeModelList());
        }

        <style type="text/css">
            .col1 {
                width: 70px !important;
            }
            /*.col2 {width:120px !important;}*/
            /*.col3 {width:60px;text-align:center !important;}*/
            /*.col4 {width:150px;text-align:right !important;}*/
            /*.col4 {width:60px !important;}*/
            /*.col5 {width:150px !important;}*/
            /*.col6 {width:80px;}*/
            /*.col7 {width:80px;}*/
            .col8 {
                width: 50px !important;
                text-align: center !important;
            }

        </style>
        @grid.GetHtml(columns: grid.Columns(
        grid.Column("SerialNumber", header: "Reviewer ID", style:"col1"),
        grid.Column("RealName", header: "Name"),
                         //grid.Column(header: "Email", format: Html.),
                //grid.Column("Gender", header: "Gender", style:"col3", format: @<text>@Utility.TranslateGender(item.Gender)</text>),
                //grid.Column("Birthdate", header: "Date of Birth", style:"col4"),
                //grid.Column("Phone", header: "Phone"),
                //grid.Column("ExpertGroupCallsign", header: "Review Group"),
                //grid.Column("ExpertGroupID", header: "ID"),
        grid.Column(format: (item) => Html.ActionLink("Remove", "Remove", "ExpertGroup", new { SerialNumber = item.SerialNumber, groupid=Model.ID }, null), style: "col8"),
        grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", "ExpertJudge", new { SerialNumber = item.SerialNumber, returnUrl = HttpContext.Current.Request.RawUrl, activityID = ViewBag.ActivityID }, null), style: "col8")
  ))
    </div>

@*@{
    var grid = new WebGrid(Model.ExpertJudges);
}
@grid.GetHtml(columns:grid.Columns(
grid.Column("SerialNumber",header:"评委编号"),
grid.Column("RealName",header:"真实姓名"),
grid.Column("Gender",header:"性别"),
grid.Column("Birthdate",header:"出生年月"),
grid.Column("Phone",header:"电话")    
))*@

</fieldset>

@*<table>
    <tr>
        <th>
            SerialNumber
        </th>
        <th>
            RealName
        </th>
    </tr>
    @foreach (var exp in Model.ExpertJudges)
    {
        <tr>
            <td>@exp.SerialNumber</td>
            <td>@exp.RealName</td>
        </tr>
    }
</table>*@

<script language="javascript">
    document.getElementsByTagName("table")[0].className = "oddTable";
    document.getElementsByTagName("table")[0].id = "showDetail";
    document.getElementsByTagName("table")[0].style.marginTop = "0px";
</script>
